<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>Countries of the World</title>
		<script src="scripts/SCORM_API_wrapper.js" language="javascript"></script>
		<script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
		<script src="scripts/quiz1.js" language="javascript"></script>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
	</head>	
	<body>
		<nav>
			<a href="topic-1.html" class="menu-link">Czech Republic</a>
			<a href="topic-2.html" class="menu-link">Luxembourg</a>
			<a href="topic-3.html" class="menu-link">Niger</a>
			<a href="topic-4.html" class="menu-link">United Arab Emirates</a>
			<a href="assessment.html" class="menu-link">Quiz</a>
		</nav>
		
		<section>
			<header>
				<h1>Quiz</h1>
				<p class="info">
				Make sure to fill in ALL fields.
				Answer each question to the best of your abilities. 
				When you are finished, submit your answers by clicking the corresponding button.
				</p>
			</header>
			<hr/>
			
			<form onSubmit="javascript:submitQuiz(); return false;" name="quiz1" id="quiz1">
				<label for="firstname">What is your first name?</label>
				<input type="text" size="30" id="firstname" name="firstname" required="required"/>
				
				<label for="lastname">What is your last name?</label>
				<input type="text" size="50" id="lastname" name="lastname" required="required"/>
				
				<label for="password">What is your user password?</label>
				<input type="password" size="20" id="password" name="password" required="required"/>
				<br/>
				<br/>
				<br/>
				<label for="firstquestion">Which country is located on the continent of Asia?</label><br/>
				<input type="radio" id="firstquestion" name="firstquestion" value="0" required="required">Niger</input><br/>
				<input type="radio" id="firstquestion" name="firstquestion" value="1" required="required">Luxembourg</input><br/>
				<input type="radio" id="firstquestion" name="firstquestion" value="2" required="required">***United Arab Emirates***</input><br/>
				<input type="radio" id="firstquestion" name="firstquestion" value="3" required="required">Czech Republic</input><br/>
				<br/>
				<label for="secondquestion">What is the climate of the Czech Republic?</label><br/>
				<input type="radio" id="secondquestion" name="secondquestion" value="0" required="required">Mild summers and cold winters</input><br/>
				<input type="radio" id="secondquestion" name="secondquestion" value="1" required="required">***Hot summers and cold winters***</input><br/>
				<input type="radio" id="secondquestion" name="secondquestion" value="2" required="required">Warm summers and cool winters</input><br/>
				<input type="radio" id="secondquestion" name="secondquestion" value="3" required="required">Hot summers and warm winters</input><br/>
				<br/>
				<label for="thirdquestion">Of the following countries, which gained its independence in 1839?</label><br/>
				<input type="radio" id="thirdquestion" name="thirdquestion" value="0" required="required">United Arab Emirates</input><br/>
				<input type="radio" id="thirdquestion" name="thirdquestion" value="1" required="required">Niger</input><br/>
				<input type="radio" id="thirdquestion" name="thirdquestion" value="2" required="required">Czech Republic</input><br/>
				<input type="radio" id="thirdquestion" name="thirdquestion" value="3" required="required">***Luxembourg***</input><br/>
				<br/>
				<label for="fourthquestion">The capital city of Niamey is located in which country?</label><br/>
				<input type="radio" id="fourthquestion" name="fourthquestion" value="0" required="required">***Niger***</input><br/>
				<input type="radio" id="fourthquestion" name="fourthquestion" value="1" required="required">United Arab Emirates</input><br/>
				<input type="radio" id="fourthquestion" name="fourthquestion" value="2" required="required">Luxembourg</input><br/>
				<input type="radio" id="fourthquestion" name="fourthquestion" value="3" required="required">Czech Republic</input><br/>
				<br/>
				<label for="fifthquestion">Which of the following countries belonged to the British Empire?</label><br/>
				<input type="radio" id="fifthquestion" name="fifthquestion" value="0" required="required">Niger</input><br/>
				<input type="radio" id="fifthquestion" name="fifthquestion" value="1" required="required">***United Arab Emirates***</input><br/>
				<input type="radio" id="fifthquestion" name="fifthquestion" value="2" required="required">Czech Republic</input><br/>
				<input type="radio" id="fifthquestion" name="fifthquestion" value="3" required="required">Luxembourg</input><br/>
				<br/>
				<label for="sixthquestion">What is the capital city of the Czech Republic?</label><br/>
				<input type="radio" id="sixthquestion" name="sixthquestion" value="0" required="required">Ostrava</input><br/>
				<input type="radio" id="sixthquestion" name="sixthquestion" value="1" required="required">Brno</input><br/>
				<input type="radio" id="sixthquestion" name="sixthquestion" value="2" required="required">Plzen</input><br/>
				<input type="radio" id="sixthquestion" name="sixthquestion" value="3" required="required">***Prague***</input><br/>
				<br/>
				<input type="submit" value="Submit Answers" />
				<input type="reset" value="Reset Answers" />
			</form>
		</section>
	
		<footer>
			<hr/>
			<cite>
			References: <br/>
			The images were retrieved from <a href="http://creativecommons.org/" class="cite-link">Creative Commons</a>. <br/>
			The information was retrieved from <a href="http://www.state.gov/" class="cite-link">U.S. Department of State</a> 
			and <a href="http://www.wikipedia.org/" class="cite-link">Wikipedia</a>. <br/>
			</cite>
			<p id="browser">Made to be viewed with Firefox 15.0.0 or higher and a screen resolution of 1024 x 768.</p><br/>
		</footer>
	</body>
</html>